<template>
    <div class="inquiry clear2" @click="removelistclose" ref='width'>
    	<div class="homePage_list_title">
    		
    		<i class="el-icon-arrow-left" @click="fh" ></i>
    		<span>{{language_inquirtlist.Messages}}</span>
    		
    		<!--<div style="float: right;background: rgba(255, 255, 255, 0.5);text-align: center;width: 2rem;text-indent: 0px;margin-right: 1rem;">
    			<i class="el-icon-arrow-up" style="color: #5d7eff;font-size: 1rem;margin: 0;" @click="data2list(2)" v-if='Data3Key!=0'></i>
    		</div>
    		<div style="float: right;background: rgba(255, 255, 255, 0.5);text-align: center;width: 2rem;text-indent: 0px;margin-right: 1rem;">
    			<i class="el-icon-arrow-down" style="color: #5d7eff;font-size: 1rem;margin: 0;" @click="data2list(1)" v-if='Data3Key!=(Data3.length-1)'></i>
    		</div>-->
    	</div>
    	<div class="inquiry_lits">
    		<div class="inquiry_top clear2" style="margin-bottom: 1rem;">
    			
    			
	    		
				<el-radio-group v-model="checkedCities" @change="handleCheckedCitiesChange"  class='new_inquiry'>
				    <el-radio-button v-for="(city,key) in checkboxData" :label="city" :key="city.name" class='inquiry_label'>{{city.name}}({{city.num}})</el-radio-button>
					
				</el-radio-group>
				

				

    			
    		</div>
    		<div class="inquiry_table" style="width: 100%;box-sizing: border-box;" v-if="tableData.length!=0">
    			<div v-for="(data,key) in tableData" class="new_inquirybody flex" @click="Replyinquiry(data)">
    				<div class="new_table_tab2_img">
    					<img :src='data.messagePic' />
    					<div class="checkbox_sta" v-show='data.buyerStatus==1'><img src="../../../../../static/img/images/xxgl.png" /></div>
    				</div>
    				<div class="new_table_tab2_text flex1">
    					<p class="new_table_tab2_p3"><i class="el-icon-circle-check" style="color: #fff;" v-if="data.supplierStatus==0"></i><i class="el-icon-circle-check" style="color: #13ce67;" v-if="data.supplierStatus==2"></i><i class="el-icon-information" style="color: #ff4948;" v-if="data.supplierStatus==1"></i>{{data.supplier}}</p>
						<p class="new_table_tab2_p1">{{data.title}}</p>
						<p class="new_table_tab2_p2" v-html="context(data.content)">&nbsp;&nbsp;</p>
					</div>
    			</div>
    			<div v-if="Math.ceil(totalRecords/10)==this.num" style="padding: 2rem 0;text-align: center;">
		    		{{language_inquirtlist.more}}
		    	</div>
    			
				
				
				
    			
    			
    			
    			
    		</div>
    		<div class="inquiry_table clear2" v-else>
    			<div  style="width: 100%;text-align: center;padding: 10rem 0;border: 0;background: #fff;">
    				<img :src="language_inquirtlist.img" style="width: 60%;" />
    			</div>
    				
    		</div>
    		
    		
    	</div>
    	
    </div>
</template>

<script>
    export default {
    	
    	filters:{
    		
    		timer(val){
    			
    			let html_time = new Date(val);
    			let year = html_time.getFullYear(); 
				let month = html_time.getMonth() + 1; 
				let day = html_time.getDate(); 
				month<10?month='0'+month:'';
				day<10?day='0'+day:'';
				    			
    			return year+'-'+month+'-'+day;
    		},
    		timer2(val){
    			
    			
    			
    			let html_time = new Date(val);
				let hour = html_time.getHours(); 
				let minute = html_time.getMinutes(); 
				let second = html_time.getSeconds(); 
				hour<10?hour='0'+hour:'';
				minute<10?minute='0'+minute:'';    	
				second<10?second='0'+second:'';  
    			return hour+':'+minute+':'+second;
    		}
    	},
    	watch:{
    		language(val){
                this.language_category=val;
    			this.language_inquirtlist=val.buyers_inquirtlist;
    			if(this.language.status==1){
    				this.$set(this.checkboxData[1],'name','未读');
    				this.$set(this.checkboxData[2],'name','已读');
    				this.$set(this.checkboxData[0],'name','全部')
    			}
    			else{
    				this.$set(this.checkboxData[1],'name','Unread');
    				this.$set(this.checkboxData[2],'name','Read');
    				this.$set(this.checkboxData[0],'name','All')
    			}
    		}
    	},
    	props:[
    		'language'
    	],
        data: function(){
            return {
                language_category:{},
            	language_inquirtlist:[],
            	checkboxData:[
            	{
            		id:3,
            		name:'All',
            		num:0,
            	},{
            		id:1,
            		name:'Unread',
            		num:0,
            	},{
            		id:2,
            		name:'Read',
            		num:0,
            	}],
            	tableWidth:'',
            	//标签
            	checkAll: false,
        		checkedCities: [],
        		cities: [],
        		//search搜索框
        		search:'',
        		//地区下拉框
        		options: [{
		          value: 'zhinan',
		          label: '指南',
		        },{
		          value: 'zhinan1',
		          label: '指南',
		        }],
		        selectchose: '',
		        //table数据
		        tableData:[],
		        //table选择数据
		        checkedtableData:[],
		        checkdableAll:false,
		        //新建标签
		        dialogVisible: false,
		        dialog_inputValue:'',
		        //编辑标签
		        dialogVisible2:false,
		        dialog_inputValue2:'',
		        //移动至
		        clientX:0,
		        clientY:0,
		        removetrue:false,
		        totalRecords:0,
		        removetrueShow:false,
		        removeData:[],
		        num:1,
		        size:10,
		        gId:0,
		        statusList:0,
		        tableloding:true,
		        sw:true,
        		
                
            }
        },
        mounted(){
        	if(this.language.buyers_inquirtlist){
        		this.language_category=this.language;
        		this.language_inquirtlist=this.language.buyers_inquirtlist;
        	}
           
        	if(this.language.status==1){
				this.$set(this.checkboxData[1],'name','未读');
				this.$set(this.checkboxData[2],'name','已读');
				this.$set(this.checkboxData[0],'name','全部')
			}
			else{
				this.$set(this.checkboxData[1],'name','Unread');
				this.$set(this.checkboxData[2],'name','Read');
				this.$set(this.checkboxData[0],'name','All')
			}
        	this.queryMessageGroup();
        	this.querySupplierCountry();
        	
        	let s_html = this.$route.query.object2;
        	if(s_html!=void(0)){
        		s_html=JSON.parse(s_html);
				this.search=s_html.search;
				this.selectchose=s_html.country;
				this.num=s_html.num;
				this.size=s_html.size;
        		
        	}
        	
        	
        	let _this=this;
            window.addEventListener('scroll',function(){ 
            	_this.windowScroll = document.body.scrollTop;
                // console.log(document.documentElement.clientHeight+'-----------'+window.innerHeight); // 可视区域高度  
                // console.log(document.body.scrollTop); // 滚动高度  
                // console.log(document.body.offsetHeight); // 文档高度  
                // 判断是否滚动到底部  
                
                if(document.body.scrollTop + window.innerHeight >=( _this.$refs.width.offsetHeight-80)) { 
                    // 如果开关打开则加载数据  
                    console.log(_this.sw)
                    if(_this.sw==true){  
                        // 将开关关闭  
                        _this.sw = false;  
                        _this.querySupplierMessageList2()
                        
                        
                    }  
                }  
            }); 
        },
        methods: {
        	querySupplierMessageList2(){
        		if(Math.ceil(this.totalRecords/10)==this.num){
        			return false
        		}
        		this.$emit('getqueryBuyerNotReadMessageNum');
        		this.tableloding=true;
        		
        		let statusList=new Array;
        		let gId;
        		if(this.checkedCities.id==3){
        			statusList=[1,2]
        		}
        		else{
        			statusList.push(this.checkedCities.id);
        		}
        		
        		this.num=this.num+1;
        		this.ajax(this,{
        			'url':this.defines.html_url+'/buyer/message/queryBuyerMessageList',
        			'type':'post',
        			'data':{
        				'statusList':statusList, 
        				'search':this.search,
        				'country':this.selectchose=='全部'?'':this.selectchose,
        				'num':this.num,
        				'size':this.size,
        				'paging':true,
        				
        			},
        			'callback':data=>{
        				if(data.data.success){
        					this.tableData=this.tableData.concat(data.data.data);
        					this.sw = true;  
        					
        				}
        				else{
        					this.$message({
								message: data.data.errMsg,
								type: 'error'
							});
        				}
        				let _this = this;
        				setTimeout(function(){
        					_this.tableloding=false;
        				},1000)
        				
        				
        			},
        			'errorback':errory=>{
        				this.tableloding=false;
        			},
        			
        		})
        	},
        	fh(){
        		window.history.go(-1);
        	},
        	context(val){
    			val = val.replace(/<\/?[^>]*>/g,'');
    			return val;
    		},
        	//标签选择
        	inquiry_newlabel_edit(key){
        		for(let i in this.cities){
        			if(i==key){
        				this.$set(this.cities[i],'_index',true)
        				
        			}
        			else{
        				this.$set(this.cities[i],'_index',false)
        			}
        		};
        		
        		this.querySupplierMessageList();
    			this.checkedtableData=[];
        		
        	},
        	//地区选择加载
        	querySupplierCountry(){
        		this.$emit('getqueryBuyerNotReadMessageNum');
        		this.ajax(this,{
        			'url':this.defines.html_url+'/buyer/message/queryBuyerCountry',
        			'type':'get',
        			'callback':data=>{
        				if(data.data.success){
        					console.log(data)
        					if(data.data.data==null||data.data.data[0]==null||data.data.data.length==0){
        						this.options=[];
        					}
        					else{
        						this.options=data.data.data;
        					}
        				}
        				else{
        					
        				}
        				
        			},
        			'errorback':errory=>{
        				
        			},
        			
        		})
        	},
        	//列表加载
        	querySupplierMessageList(){
        		this.$emit('getqueryBuyerNotReadMessageNum');
        		this.tableloding=true;
        		
        		let statusList=new Array;
        		let gId;
        		if(this.checkedCities.id==3){
        			statusList=[1,2]
        		}
        		else{
        			statusList.push(this.checkedCities.id);
        		}
        		
        	
        		this.ajax(this,{
        			'url':this.defines.html_url+'/buyer/message/queryBuyerMessageList',
        			'type':'post',
        			'data':{
        				'statusList':statusList, 
        				'search':this.search,
        				'country':this.selectchose=='全部'?'':this.selectchose,
        				'num':this.num,
        				'size':this.size,
        				'paging':true,
        				
        			},
        			'callback':data=>{
        				if(data.data.success){
        					this.checkdableAll=false;
        					this.tableData=[];
        					if(data.data.data==null){
        						this.tableData=[];
        					}
        					else{
        						this.tableData=data.data.data;
        					}
        					
        					if(data.data.totalRecords!=null){
        						this.totalRecords=data.data.totalRecords;
        						for(let i in this.cities){
        							if(this.checkedCities.id==this.cities[i].id){
        								this.$set(this.cities[i],'num',data.data.totalRecords);
        							}
        						}
        					}
        					else{
        						this.totalRecords=0;
        						for(let i in this.cities){
        							if(this.checkedCities.id==this.cities[i].id){
        								this.$set(this.cities[i],'num',0);
        							}
        						}
        					}
        					
        				}
        				else{
        					this.$message({
								message: data.data.errMsg,
								type: 'error'
							});
        				}
        				let _this = this;
        				setTimeout(function(){
        					_this.tableloding=false;
        				},1000)
        				
        				
        			},
        			'errorback':errory=>{
        				this.tableloding=false;
        			},
        			
        		})
        	},
        	//标签加载
        	queryMessageGroup(){
        		
        		this.ajax(this,{
        			'url':this.defines.html_url+'/buyer/message/queryBuyerMessageGroup',
        			'type':'get',
        			'callback':data=>{
        				if(data.data.success){
        					this.$set(this.checkboxData[1],'num',data.data.data.unreadNum)
        					this.$set(this.checkboxData[2],'num',data.data.data.readNum);
        					this.$set(this.checkboxData[0],'num',data.data.data.allNum)
        					let s_html = this.$route.query.object2;
							if(s_html!=void(0)){
        						s_html=JSON.parse(s_html);
        						for(let j in this.checkboxData){
    								if(s_html.checkedCities.id==this.checkboxData[j].id){
    									this.checkedCities=this.checkboxData[j];
    								}
    							}
        						this.querySupplierMessageList();
    							this.checkedtableData=[];
        						return false
        					}

        					
        					this.checkAll=true;
        					this.checkedCities=this.checkboxData[0];
        					this.querySupplierMessageList();
    						this.checkedtableData=[];
        				}
        				else{
        					this.$message({
								message: data.data.errMsg,
								type: 'error'
							});
        				}
        				
        			},
        			'errorback':errory=>{
        				
        			},
        			
        		})
        	},
        	//标签选择
        	handleCheckAllChange(event) {
		        this.checkedCities = event.target.checked ? this.checkboxData : [];
		        this.querySupplierMessageList();
    			this.checkedtableData=[];
		        
		    },
		    handleCheckedCitiesChange(value) {
		    	this.num=1;
		    	this.sw=true;
		        this.querySupplierMessageList();
    			this.checkedtableData=[];
    			this.ajax(this,{
        			'url':this.defines.html_url+'/buyer/message/queryBuyerMessageGroup',
        			'type':'get',
        			'callback':data=>{
        				if(data.data.success){
        					this.$set(this.checkboxData[1],'num',data.data.data.unreadNum)
        					this.$set(this.checkboxData[2],'num',data.data.data.readNum)
        					this.$set(this.checkboxData[0],'num',data.data.data.allNum)
        					
        				}
        				else{
        					this.$message({
								message: data.data.errMsg,
								type: 'error'
							});
        				}
        				
        			},
        			'errorback':errory=>{
        				
        			},
        			
        		})
		    },
		    //search搜索框
		    handleIconClick() {
//      		if(this.search ==''){
//      			this.$message({
//						message: '请输入内容后再搜索',
//						type: 'error'
//					});
//      		}
//      		else{
//      			
//      		}
        		this.querySupplierMessageList();
		      
		    },
		    //下拉框
		    select(val){
		    	
		    	console.log(this.selectchose);
		    	this.querySupplierMessageList();
    			this.checkedtableData=[];
		    	
		    },
		    //table选择
        	handleCheckAllTableChange(event) {
        		if(this.checkdableAll){
        			
        			this.checkedtableData=this.tableData;
        		}
        		else{
        			this.checkedtableData=[];
        		}
        	
		        
		    },
		    handleCheckedTableChange(value) {
		        if(value.length==this.tableData.length){
		        	this.checkdableAll=true;
		        }
		        else{
		        	this.checkdableAll=false;
		        }
		    },
		    //分页
		    pagingChange(val){
		    	this.num=val;
		    	this.querySupplierMessageList();
    			this.checkedtableData=[];
		    },
		    //新建标签
		    handleClose(val){
		    	this.dialogVisible=false;
		    	this.dialog_inputValue='';
		    },
		    handleTrue(val){
		    	
		    	let html_val = this.dialog_inputValue
		    	html_val =html_val.trim();
		    	if(html_val==''){
		    		this.$message({
						message: '请输入标签',
						type: 'error'
					});
					return false;
		    	}
		    	if(this.dialogVisible2){
		    		this.label_edit2(this.dialog_inputValue2,html_val);
		    		return false;
		    	}
		    	this.ajax(this,{
        			'url':this.defines.html_url+'/buyer/message/insertMessageGroup',
        			'type':'post',
        			'data':{
        				'name':html_val
        			},
        			'callback':data=>{
        				
        				if(data.data.success){
        					console.log(data);
        					this.queryMessageGroup();
		    				this.handleClose();
        				}
        				else{
        					this.$message({
								message: data.data.errMsg,
								type: 'error'
							});
        				}
        				
        			},
        			'errorback':errory=>{
        				
        			},
        			
        		})
		    	
		    	
		    },
		    //编辑标签
		    
		    label_edit(val){
		    	this.dialogVisible = true;
		    	this.dialogVisible2=true;
		    	this.dialog_inputValue2=val;
		    	
		    	
		    },
		    label_edit2(val,val2){
		    	let _this = this;
		    	setTimeout(function(){
		    		_this.dialogVisible2=false;
		    		_this.ajax(_this,{
	        			'url':_this.defines.html_url+'/buyer/message/updateMessageGroup',
	        			'type':'post',
	        			'data':{
	        				'name':val2,
	        				'id':val.id,
	        			},
	        			'callback':data=>{
	        				if(data.data.success){
	        					console.log(data);
	        					_this.queryMessageGroup();
		    					_this.handleClose();
	        				}
	        				else{
	        					_this.$message({
									message: data.data.errMsg,
									type: 'error'
								});
	        				}
	        				
	        			},
	        			'errorback':errory=>{
	        				
	        			},
	        			
	        			
	        		})
		    		
		    	},0)
		    },
		    //删除标签
		    label_delete(val) {
		        this.$confirm('This operation will delete this information. Do you want to continue?', '提示', {
		          confirmButtonText: 'True',
		          cancelButtonText: 'False',
		          type: 'warning'
		        }).then(() => {
		        	let _this = this;
			    	setTimeout(function(){
			    		_this.ajax(_this,{
		        			'url':_this.defines.html_url+'/buyer/message/deleteMessageGroup',
		        			'type':'post',
		        			'data':{
		        				'id':val.id,
		        			},
		        			'callback':data=>{
		        				if(data.data.success){
		        					console.log(data);
			        				_this.$message({
							            type: 'success',
							        	message: 'delete successfully!'
							        });
							        _this.queryMessageGroup();
		        				}
		        				else{
		        					_this.$message({
										message: data.data.errMsg,
										type: 'error'
									});
		        				}
		        				
		        				
		        			},
		        			'errorback':errory=>{
		        				
		        			},
		        			
		        		})
			    		
			    	},0)
		          
		        }).catch(() => {
		          this.$message({
		            type: 'info',
		            message: 'cancel delete'
		          });          
		        });
		    },
		    //移动操作
		    removeTrue(val){
		    	this.removetrue=true;
		    	this.removetrueShow=true;
//		    	removeData
		    	let model;
		    	let model_id=[];
		    	for(let i in this.removeData){
	    			model_id.push(this.removeData[i].id)
	    		}
		    	if(val.status==2){
		    		model={
		    			'idList':model_id,
		    			'gId':val.id,
		    		}
		    	}
		    	else{
		    		model={
		    			'idList':model_id,
		    			'gId':val.id,
		    		}
		    	}
		    	this.ajax(this,{
        			'url':this.defines.html_url+'/buyer/message/BuyerMoveGroup',
        			'type':'post',
        			'data':model,
        			'callback':data=>{
        				
        				if(data.data.success){
        					this.removetrue=false;
		    				this.removetrueShow=false;
		    				this.querySupplierMessageList();
        				}
        				else{
        					this.$message({
								message: data.data.errMsg,
								type: 'error'
							});
        				}
        				
        			},
        			'errorback':errory=>{
        				
        			},
        			
        		})
		    	
		    	
		    },
		    //移动至关闭
		    removelistclose(){
		    	this.removetrue=false;
		    },
		    //移动至
		    remove(data,event){
		    	let removeData_html=[];
		    	removeData_html.push(data)
		    	this.removeData=removeData_html;
		    	this.removetrue=true;
		    	this.clientX=this.tableWidth-220;
		    	this.clientY=event.clientY-50;
		    	
		    },
		    //批量移动至
		    remove2(event,val){
		    	if(val.length==0){
		    		this.$message({
						message: 'Please tick the data',
						type: 'warning'
					});
					return false;
		    	}
		    	let removeData_html=[];
		    	for(let i in val){
		    		removeData_html.push(val[i])
		    	}
		    	
		    	this.removeData=removeData_html;
		    	this.removetrue=true;
		    	this.clientX=this.tableWidth-620;
		    	this.clientY=event.clientY-30;
		    	
		    },
		    addClass(obj, cls){
		    	if(!this.hasClass(obj,cls)){
		    		
		    	}
		    	else{
		    		return false;
		    	}
			  	let obj_class = obj.className,
			  		blank = (obj_class != '') ? ' ' : '';
			  	let added = obj_class + blank + cls;
			  	obj.className = added;
			},
		    removeClass(obj, cls){
			  	let obj_class = ' '+obj.className+' ';
			  		obj_class = obj_class.replace(/(\s+)/gi, ' ');
			  	let	removed = obj_class.replace(' '+cls+' ', ' ');
			  	removed = removed.replace(/(^\s+)|(\s+$)/g, '');
			  	obj.className = removed;
			},
			hasClass(obj, cls){
			  	let obj_class = obj.className,//获取 class 内容.
			  		obj_class_lst = obj_class.split(/\s+/);//通过split空字符将cls转换成数组.
			  	let x = 0;
			  	for(x in obj_class_lst) {
			    	if(obj_class_lst[x] == cls) {//循环数组, 判断是否包含cls
			      	return true;
			    	}
			  	}
			  	return false;
			},
			//回复询盘
			Replyinquiry(val){
				let f_html = JSON.stringify(val);
				let data_html = {
					'checkedCities':this.checkedCities,
					'search':this.search,
					'country':this.selectchose,
					'size':this.size,
				};
				
				data_html = JSON.stringify(data_html);
					
				
				this.$router.push({
					path: '/buyinquirydetails',
					query: {
						object1: f_html,
						object2:data_html,
					}
				})
			},
			//删除
		    deleteinquiry(data,type){
		    	if(data.length==0){
		    		this.$message({
						message: this.language_inquirtlist.deleteinquiry,
						type: 'warning'
					});
					return false;
		    	}
		    	this.$confirm(this.language_inquirtlist.deleteinquiry4, this.language_inquirtlist.deleteinquiry5, {
		          confirmButtonText: this.language_inquirtlist.deleteinquiry6,
		          cancelButtonText: this.language_inquirtlist.deleteinquiry7,
		          type: 'warning'
		        }).then(() => {
		          	let idList = new Array();
		          	if(type==1){
		          		for(let i in data){
							idList.push(data[i].id)
						}
		          	}
		          	else{
		          		idList.push(data.id)
		          	}
					
					
					idList=JSON.stringify(idList)
			    	this.ajax(this,{
	        			'url':this.defines.html_url+'/buyer/message/deleteBuyerMessage',
	        			'type':'post',
	        			'data':idList,
	        			'callback':data=>{
	        				
	        				if(data.data.success){
	        					this.$message({
									message: this.language_inquirtlist.deleteinquiry2,
									type: 'success'
								});
								this.queryMessageGroup();
								this.querySupplierMessageList();
    							this.checkedtableData=[];
	        				}
	        				else{
	        					this.$message({
									message: data.data.errMsg,
									type: 'error'
								});
	        				}
	        				
	        			},
	        			'errorback':errory=>{
	        				
	        			},
	        			
	        		})
		        }).catch(() => {
		          this.$message({
		            type: 'info',
		            message: this.language_inquirtlist.deleteinquiry3
		          });          
		        });
		    	
		    	
		    },
		    //
            
        }
    }
</script>
<style>
	.inquiry .inquiry_table_content .el-checkbox+.el-checkbox{
		margin: 0;
		margin-bottom: 18px;
	}
	.inquiry .el-loading-mask{
		z-index: 1 !important;
	}
	.inquiry_label .el-radio-button__inner{
		padding: 0;
    	border: 0 !important;
    	background: #fff;
    	box-shadow: 0 0 0 0 #20a0ff;
    	font-size: 1.6rem;
	}
	.inquiry_label.is-active .el-radio-button__inner{
		background: #fff;
		border: 0 !important;
		
		box-shadow: 0 0 0 0 #20a0ff;
		color: #5d7eff;
	}
	.inquiry .inquiry_lits .el-icon-search{
		background: #b3bdc9;
		color: #fff;
	}
	
</style>
<style scoped>
	.new_inquirybody{
		box-sizing: border-box;
		width: 100%;
		background: #fff;
		margin-bottom: 1rem;
		padding: 1.5rem 1rem;
		display: flex;
		position: relative;
	}
	.new_table_tab2_text{
		width: 70%;
		flex: 1;
		padding-left: 5%;
		font-size: 1.4rem;
	}
	.new_table_tab2_p3{
		text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    font-size: 1.6rem;
	    color: #000;
	    margin-bottom: 2rem;
	}
	.new_table_tab2_p3 i{
		margin-right: 1rem;
	}
	.new_table_tab2_p1{
		text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    color: #000;
	    line-height: 2.5rem;
	    margin-left: 2.2rem;
	}
	
	.new_table_tab2_p2{
		text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    color: #626262;
	    margin-left: 2.2rem;
	    line-height: 2rem;
	}
	.new_table_tab2_img{
		width: 30%;
		
		overflow: hidden;
		
	}
	.new_table_tab2_img img{
		width: 100%;
	}
	.new_inquiry{
		width: 100%;
		background: #fff;
		
	}
	.new_inquiry label{
		width: 33.3%;
		box-sizing: border-box;
		padding-left: 0;
		
	}
	
	.new_inquiry label:nth-child(1){
		padding-left: 1rem;
	}
	.new_inquiry label:nth-child(2){
		text-align: center;
	}
	.new_inquiry label:nth-child(3){
		text-align: right;
		padding-right: 1rem;
	}
	.homePage_list_title{
   	text-indent: 0.5rem;
   	font-size: 1.4rem;
   	line-height: 2rem;
   	padding: 3% 0;
   	background: url(../../../../../static/img/images/leimu.png);
   	background-size: 100%;
   	color: #fff;
   	
   }
   .homePage_list_title i{
   	font-size: 1.4rem;
   	margin-right: 1rem;
   	line-height: 2rem;
   }
	.clear2:after {
		display: block;
		clear: both;
		content: "";
		visibility: hidden;
		height: 0
	}
	
	.clear2 {
		zoom: 1
	}
    .inquiry{
    	background: #f0f4f7;
    	width: 100%;
    	
    }
    .inquiry_lits{
    	width: 100%;
    	margin: 0 auto;
    	box-sizing: border-box;
    }
    .inquiry_top{
    	width: 100%;
    	height: 50px;
    	box-sizing: border-box;
    	
    }
    .inquiry_label{
    	height: 50px;
    	box-sizing: border-box;
    	line-height: 0;
    	float: left;
    	padding: 14.5px 0 14.5px 25px ;
    }
    .inquiry_newlabel2:hover .label_option{
    	display: block;
    }
    .label_option{
    	position: absolute;
    	display: none;
    	top: 28px;
    	left: 0;
    	z-index: 2;
    	border: 1px solid #017efe;
    	padding: 10px;
    	color: #000;
    	width: 150px;
    	background: #fff;
    	box-shadow: 0px 2px 10px 0px rgba(32, 160, 255, 0.75);
    	
    }
    .label_option a{
    	margin: 0 3px;
    	display: block;
    	text-indent: 15px;
    	padding: 2px 0;
    	border: 1px solid #e5e9f2;
    	
    }
    .label_option a:nth-child(3){
    	border-top: 0;
    }
    .label_option a:hover{
    	background: #eef5fd;
    	color: #017efe;
    	
    }
    .jiao{
	    width:0;
	    height:0;
	    border-width:0 7px 7px ;
	    border-style:solid;
	    border-color:transparent transparent #017efe;/*透明 透明  灰*/
	    position: absolute;
	   	top:-8px;
	    left:6px;
	}
	.jiao:after{
		content: '';
	    display:block;
	    width:0;
	    height:0;
	    border-width:0 7px 7px;
	    border-style:solid;
	    border-color:transparent transparent #fff;/*透明 透明  黄*/
	    position:absolute;
	    top:1px;
	    left:-7px;
	}
    .inquiry_newlabel2{
    	position: relative;
    	font-size: 14px;
    	cursor: pointer;
    	color: #000;
    	float: left;
    	margin: 12px 0 12px 25px;
    	height: 27px;
    	line-height: 27px;
    	padding: 0 10px ;
    	border-radius: 4px;
    }
    .inquiry_newlabel2:hover{
    	color: #017efe;
    }
    .inquiry_newlabel{
    	font-size: 14px;
    	background: #017efe;
    	cursor: pointer;
    	color: #fff;
    	float: left;
    	margin: 12px 0 12px 25px;
    	height: 27px;
    	line-height: 27px;
    	padding: 0 10px ;
    	border-radius: 4px;
    }
    .inquiry_newlabel:hover{
    	color: #fff;
    }
    .inquiry_search{
    	float: right;
    	width: 190px;
    	margin: 10px 30px 10px 0;
    }
    .inquiry_select{
    	float: right;
    	width: 140px;
    	margin: 10px 48px 10px 12px;
    }
    .inquiry_button{
    	float: right;
    	background: #eceef3;
    	color: #000;
    	font-size: 14px;
    	height: 27px;
    	cursor: pointer;
    	border: 0px solid #acbfd8;
    	border-radius: 4px;
    	width: 43px;
    	margin: 12px 0 12px 8px;
    }
    .inquiry_table_title{
    	width: 100%;
    	height: 40px;
    	background: #c3ddff;
    	line-height: 40px;
    	font-size: 14px;
    	color: #000;
    	margin-top: 1px;
    }
    .table_tab1{
    	float: left;
    	text-align: center;
    	width: 100px;
    	cursor: pointer;
    }
    .table_tab2{
    	float: left;
    	text-align: center;
    	width: 100px;
    }
    .table_tab3{
    	float: left;
    	text-align: center;
    	width: 150px;
    }
    .table_tab3 p{
    	text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap;
    	cursor: default;
    }
    .table_tab4{
    	float: left;
    	text-align: center;
    	width: 150px;
    }
    .table_tab5{
    	float: left;
    	text-align: center;
    	width: 150px;
    }
    .table_tab6{
    	float: left;
    	text-align: center;
    	width: 150px;
    }
    .table_tab7{
    	float: left;
    	text-align: center;
    	width: 150px;
    }
    .table165{
    	height: 165px;
    	border-top:1px solid #e5eaf1 ;
    	border-bottom:1px solid #e5eaf1;
    	margin-bottom: 18px;
    	background: #fff;
    	font-size: 14px;
    	overflow: hidden;
    	position: relative;
    	
    }
    .tableflex{
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }
    .inquiry_table_content{
    	width: 100%;
    }
    .inquiry_table_l{
    	float: left;
    }
    .inquiry_table_r{
    	float: left;
    }
    .table_tab2_img{
    	width: 122px;
    	height: 122px;
    	display: block;
    	margin: 21px 0;
    	float: left;
    	
    }
    .table_tab2_text{
    	float: left;
    	height: 165px;
    	box-sizing: border-box;
    	padding: 35px 0 35px 40px;
    	text-align: left;
    }
    .table_tab2_p1{
    	text-indent: 2px;
    	font-size: 14px;
    	color: #000;
    	line-height: 30px;
    	display: block;
    	    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    	
    }
    .table_tab2_p2{
    	font-size: 14px;
    	color: #626262;
    	display: block;
    	    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    	line-height: 20px;
    }
    .table_operation{
    	width: 76px;
    	height: 25px;
    	border: 1px solid #adb8c3;
    	border-radius: 4px;
    	font-size: 12px;
    	color: #63666b;
    	line-height: 25px;
    	
    		
    }
    .table_operation:hover{
    	color: #017efe;
    	border: 1px solid #017efe;
    	cursor: pointer;
    }
    .table_operationshow{
    	background: #5d7eff;
    	color: #fff;
    	border: 1px solid #5d7eff;
    	border-radius: 0;
    	padding: 3px 5px;
    }
    .table_operationshow:hover{
    	background: #017efe;
    	color: #fff;
    	border: 1px solid #017efe;
    }
    
    .table_operation:nth-child(2){
    	margin: 12px 0;
    }
    .dialog_input{
    	width: 100%;
    	display: block;
    	margin: 0 auto;
    	border: 1px solid #adb8c3;
    	border-radius: 4px;
    	height: 30px;
    	
    }
	.dialog_input:focus{
		border: 0;
		height: 32px;
		text-indent: 20px;
	}
	.removelist{
		width: 245px;
		background: #fff;
		border-radius: 4px;
		box-shadow:3px 0px 20px #20a0ff;
		position: fixed;
		
		
	}
	.removelistul{
		margin: 20px;
		width: 205px;
		border: 1px solid #e5eaf1;
		
	}
	.removelistli{
		width: 203px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		color: #212121;
		list-style-type:none;
		text-indent: 30px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		border-bottom: 1px solid #e5eaf1;
		
	}
	.removelistli:hover{
		background: #eff5fd;
		cursor: pointer;
	}
	.removelistli:nth-last-child(1){
		border: 0;
	}
	.checkbox_sta{
		position: absolute;
		top: 0;
		right: 1rem;
		width: 4%;
	}
	.checkbox_sta img{
		width: 100%;
	}
	
	.storeSearch{    
   	width: 80%;
    height: 90px;
    display: flex;
    margin-left: 20%;
    align-items: center;
    }
    .categorydetails_topl{
    	/*font-weight:bold;*/
    	float: left;
    	text-align: center;
    	line-height:50px;
    	margin: 20px 0;
    	font-size: 20px;
    	border-right: 2px solid #e5eaf1;
    	box-sizing: border-box;
    	width: 18%;
        font-family: 'Meiryo UI';
    }
    .categorydetails_top{
    	width: 100%;
    	height: 90px;
    	box-shadow: 0 0px 30px 5px #e3e3e3; 
    	margin-bottom: 30px;
    }
</style>
